<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>乐搏软件测试</title>
    <meta name="keywords" content="乐搏软件测试学习_乐搏自动化测试培训机构"/>
    <meta name="description"
          content="0基础?就业难?想转行？“薪的学习软件测试开始.乐搏学院IT培训!项目真实演练项目,一站式辅导流程,保姆式监督服务,决胜互联网薪主宰!你还在等什么,快来乐搏学院了解吧!"/>
    <link rel="stylesheet" href={{url_for('static', filename='./css/index.css' )}}/>
    <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
	<script src={{url_for('static', filename='./js/jquery-2.1.1.min.js' )}}></script>
</head>
<body>
<div class="wrap">
    <!--head-->
    <div class="head">
        <div class="content clearfix">
            <h1 class="fl">
			
			<img xsrc="./"
                                                         src="{{url_for('static', filename='./img/logo.png' )}}"
                                                         alt="乐搏软件测试学习_乐搏自动化测试培训机构" width='130px' height='40px'>
            </h1>
            <div class="fl">
                <p>乐搏学院<br/>专业从事软件测试类目领域</p>
            </div>
            <span class="tel fr"><a href='./login' target="_self" id='login' type="submit" value="登录" style ="margin: 0;padding: 0;text-indent: 0;font-weight: bold;font-size: 14px;font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;color: #f79927;">快速登录 </a>&nbsp;&nbsp;&nbsp;&nbsp;联系电话：13141055611</br></span>
        </div>
        <div class="navBox">
            <ul class="content clearfix" id="nav">
                <li class="fl click" id="fir">
                    <a href="./">首页</a>
                    <span></span>
                </li>
                <li class="fl">
                    <a href="#" class="anchorLink">课程分类</a>
                    <span></span>
                </li>
                <li class="fl">
                    <!--<a href="https://tb.53kf.com/code/client/9da9ca2a8ed612b05b9ef3cf41dbaa066/1" class="anchorLink">实战讲师</a>-->
					<a href="javascript:void(0)" onclick="moveBottom()"><IMG src="">实战讲师</a> 
                    <span></span>
                </li>
                <li class="fl">
                    <a href="https://tb.53kf.com/code/client/9da9ca2a8ed612b05b9ef3cf41dbaa066/1" class="anchorLink">就业前景</a>
                    <span></span>
                </li>
                <li class="fl">
                    <a href="https://tb.53kf.com/code/client/9da9ca2a8ed612b05b9ef3cf41dbaa066/1"
                       target="_blank">定制班</a>
                    <span></span>
                </li>
                <li class="fl" id="last3">
                    <a href="https://tb.53kf.com/code/client/9da9ca2a8ed612b05b9ef3cf41dbaa066/1" target="_blank">关于乐搏</a>
                    <span></span>
                </li>
            </ul>
        </div>
    </div>

    <style>
        *{
            margin: 0;
        }
        .cc{
            margin: 0 auto;
            width: 75%;

        }
        .menus{
            height: 50px;
            width: 1000px;
            background-color: #ffffff;
            border: 1px solid #ffffff;
        }

        .contents{
            height: 300px;
            width: 1000px;
            background-color: #ffffff;

        }
        .uu{
            line-height: 50px;

        }
        .uu li{
            display: inline-block;

        }
        .uu li{
            padding-left: 6px;
            padding-right: 6px;
        }

        .getcolor{
            background-color: red;
            border-top: solid 2px #ffffff;

        }

        .hide{
            display: none;
        }
    </style>
</head>
<body>
    <div class="cc">
        <div class="menus">
            <ul class="uu">
                <li class="getcolor" aa = "d1" onclick="f1(this)">全栈班</li>
                <li aa = "d2" onclick="f1(this)">自动化</li>
                <li aa = "d3" onclick="f1(this)">其他</li>
            </ul>
        </div>
        <div class="contents">
            <div id="d1">			
				<div class="list2_bot" style="text-align: center; height='500px';">
					<img src={{url_for('static', filename='./img/2.jpg' )}} width='1200px' height='1749px' alt="软件测试职业发展路径" class="boxlist2bg2" />
				</div>
			</div>
            <div id="d2" class="hide">
				<div class="list2_bot" style="text-align: center; height='500px';">
					<img src={{url_for('static', filename='./img/3.jpg' )}} width='1200px' height='1749px' alt="软件测试职业发展路径" class="boxlist2bg2" />
				</div></div>
            <div id="d3" class="hide">
				<div class="list2_bot" style="text-align: center; height='500px';">
					<img src={{url_for('static', filename='./img/course1.png' )}} width='1200px' height='1749px' alt="软件测试职业发展路径" class="boxlist2bg2" />
				</div></div>
        </div>
    </div>
</body>
        <script>
            function f1(self) {
                $(self).addClass("getcolor").siblings().removeClass("getcolor");
                //获取属性值
                var getele = $(self).attr("aa");
                // console.log(getele);
                //改变内容
                $("#"+getele).removeClass("hide").siblings().addClass("hide");
            }
        </script>
</html>